<!DOCTYPE html>
<html lang="en">
<<<<<<< .mine
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/dark.css" rel="stylesheet">
        <script src="../cms/jquery-1.7.2.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../script/jquery.nailthumb.1.1.js"></script>
        <script type="text/javascript" src="../script/jquery.lazyload.min.js"></script>
=======
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link href="css/dark.css" rel="stylesheet">
		<script src="../cms/jquery-1.7.2.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../script/jquery.nailthumb.1.1.js"></script>
		<script type="text/javascript" src="../script/jquery.lazyload.min.js"></script>
		<script>
			$(document).ready(function(){
				$("img.lazybg").lazyload({skip_invisible : false});
				$("img.lazy").lazyload({
					load:function(){
						$(this.parentNode).nailthumb();
					}
				});
				/*$('.nav>li>a.dropdown-toggle').click(function(e){
					return;
					//if($(this).parent().hasClass('open')){
						$('ul.nav>li>a.dropdown-toggle').parents('li').toggleClass('oopen');
						e.preventDefault();
					//}
				});*/
				$('.cong-dong,.tin-tuc').click(function(e){
					$('.dropdown-toggle.gioi-thieu').click();
					return false;
				});
				$('.metro-icon.pull-right').click(function(){
					$('.menu-bottom').toggleClass('unactive');
				});
			});
		</script>
	</head>
	<body>
	<div class="menu-bottom unactive">
		<a href="" class="metro-icon"><i class="glyphicon glyphicon-home"></i></a>
		<a href="" class="metro-icon"><i class="glyphicon glyphicon-download-alt"></i></a>
		<a href="JavaScript:" class="metro-icon pull-right"><i style="line-height: 26px;font-weight: bold;font-size: 20px;display:inline-block">...</i></a>
		<a href="JavaScript:" class="metro-icon" style="left: 50%;position: absolute;"><i class="glyphicon glyphicon-arrow-up"></i></a>
	</div>
		<img data-original="images/bg-tablet.jpg" class="phone-bg -visible-sxs -visible-xs  lazybg"/>
		<!-- Docs master nav -->
    <header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
		<div class="container">
			<div class="navbar-header">
				<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">&nbsp;</a>
			</div>
			<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation" >
				<ul class="nav navbar-nav">
					<li>
						<a href="#"
							data-toggle="dropdown" class="dropdown-toggle gioi-thieu"
							>Giới thiệu</a>
						<div class="dropdown-menu" role="menu">
							<ul>
								<li><a href="#"><span>Nhân vật</span></a><div class="line"></div></li>
								<li><a href="#"><span>Kỹ năng</span></a><div class="line"></div></li>
								<li><a href="#"><span>画皮之真爱无悔</span></a><div class="line"></div></li>
								<li><a href="#"><span>Hình ảnh</span></a><div class="line"></div></li>
								<li><a href="#"><span>Video</span></a><div class="line"></div></li>
								
							</ul>
							<ul class="visible-620" >
								<li><a href="#"><span>Tin hot</span></a><div class="line"></div></li>
								<li><a href="#"><span>Sự kiện</span></a><div class="line"></div></li>
								<li><a href="#"><span>Tính năng</span></a><div class="line"></div></li>
							</ul>
							<ul class="visible-620" >
								<li><a href="#"><span>Diễn dàn</span></a><div class="line"></div></li>
								<li><a href="#"><span>Fanpage</span></a><div class="line"></div></li>
							</ul>
							<div class="line-menu"></div>
							<div class="line-menu second"></div>
						</div>
					</li>
					<li class="">
						<a href="#" class="tin-tuc" >Tin tức</a>
						<span data-toggle="dropdown" class="dropdown-toggle"></span>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#"><span>Tin hot</span></a></li>
							<li><a href="#"><span>Sự kiện</span></a></li>
							<li><a href="#"><span>Tính năng</span></a></li>
						</ul>
					</li>
					<li class="">
						<a href="#" class="cong-dong">Cộng đồng</a>
						<span data-toggle="dropdown" class="dropdown-toggle"></span>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#"><span>Diễn dàn</span></a></li>
							<li><a href="#"><span>Fanpage</span></a></li>
						</ul>
					</li>
				</ul>
			</nav>
		</div>
	</header>
	
	<div class="container">
		<div style="padding-top:32%"></div>
<div class="row">
	<div class="col-md-3 col-sm-6 col-sxs-8">
		<div class="row">
		<div class="nailthumb">
			<div class="nailthumb-figure">
				<div class="nailthumb-container" >
					<img class="lazy" data-original="http://inspirationaldaily.files.wordpress.com/2012/05/love-inspirational-daily.jpeg"/>
				</div>
			</div>
		</div>
		<div class="nailthumb">
			<div class="nailthumb-figure">
				<div class="nailthumb-container" >
					<img  class="lazy" data-original="http://www.robertscentre.com/wp-content/themes/Roberts-Centre/images/roberts-centre-banner.jpg"/>
				</div>
			</div>
		</div>
		<div class="nailthumb">
			<div class="nailthumb-figure">
				<div class="nailthumb-container" >
					<img  class="lazy" data-original="http://www.momendeavors.com/wp-content/uploads/2013/01/vertical-wooden-blocks-546x1024.jpg"/>
				</div>
			</div>
		</div>
		<div class="nailthumb">
			<div class="nailthumb-figure">
				<div class="nailthumb-container" >
					<img  class="lazy" data-original="http://stylonica.com/wp-content/uploads/2013/11/sad-love-pictures-of-591346.jpg"/>
				</div>
			</div>
		</div>
		<div class="nailthumb">
			<div class="nailthumb-figure">
				<div class="nailthumb-container" >
					<img  class="lazy" data-original="http://coverphotofacebook.info/uploads/posts/2013-03/135-sad-love-quotes.jpg"/>
				</div>
			</div>
		</div>
		<div class="nailthumb">
			<div class="nailthumb-figure">
				<div class="nailthumb-container" >
					<img  class="lazy" data-original="http://www.wallsave.com/wallpapers/2560x1600/sad-love/1819678/sad-love-free-for-pc-1819678.jpg"/>
				</div>
			</div>
		</div>
		<div class="nailthumb">
			<div class="nailthumb-figure">
				<div class="nailthumb-container" >
					<img  class="lazy" data-original="http://4.bp.blogspot.com/--_i95FwcBVs/UfzNQqokmuI/AAAAAAAAAqY/hGMjJgwM9OQ/s1600/sad-love-alone-miss-u-love-u-quotes-wallpapers-22.jpg"/>
				</div>
			</div>
		</div>
		<div class="nailthumb">
			<div class="nailthumb-figure">
				<div class="nailthumb-container" >
					<img  class="lazy" data-original="http://tieudaocam.files.wordpress.com/2012/08/draw-game-happy-heart-love-sad-favim-com-50316.jpg"/>
				</div>
			</div>
		</div>
>>>>>>> .r19

        <script type="text/javascript" src="../royalslider/jquery.royalslider.min.js"></script>
        <link href="../royalslider/royalslider.css" rel="stylesheet">
        <link href="../royalslider/rs-default.css" rel="stylesheet">
        <style>
            #full-width-slider {
                width: 100%;
                height: 100%
            }

        </style>
        <script>
            $(document).ready(function() {
                var slider = $('#full-width-slider').royalSlider({
                    arrowsNav: true,
                    loop: false,
                    loopRewind	:true,
                    keyboardNavEnabled: true,
                    controlsInside: false,
                    imageScaleMode: 'fill',
                    arrowsNavAutoHide: false,
                    autoScaleSlider: true,
                    autoScaleSliderWidth: 575,
                    autoScaleSliderHeight: 232,
                    controlNavigation: 'bullets',
                    thumbsFitInViewport: false,
                    navigateByClick: false,
                    startSlideId: 0,
                    autoPlay: {
                        enabled: true,
                        delay: 4000
                    },
                    transitionType: 'move',
                    globalCaption: true,
                    deeplinking: {
                        enabled: true,
                        change: false
                    },
                    /* size of all images http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/adding-width-and-height-properties-to-images */
                    imgWidth: 575,
                    imgHeight: 232,
                    beforeLoadStart : function() {
                        alert(9);
                    }
                });
                $("img.lazybg").lazyload({skip_invisible: false});
                $("img.lazy").lazyload({
                    load: function() {
                        $(this.parentNode).nailthumb();
                    }
                });
                /*$('.nav>li>a.dropdown-toggle').click(function(e){
                 return;
                 //if($(this).parent().hasClass('open')){
                 $('ul.nav>li>a.dropdown-toggle').parents('li').toggleClass('oopen');
                 e.preventDefault();
                 //}
                 });*/
                $('.cong-dong,.tin-tuc').click(function(e) {
                    $('.dropdown-toggle.gioi-thieu').click();
                    return false;
                });

            });
        </script>
    </head>
    <body>
        <img data-original="images/bg.jpg" class="phone-bg -visible-sxs -visible-xs  lazybg"/>
        <!-- Docs master nav -->
        <header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
            <div class="container">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="#" class="navbar-brand">&nbsp;</a>
                </div>
                <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation" >
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="#"
                               data-toggle="dropdown" class="dropdown-toggle gioi-thieu"
                               >Giới thiệu</a>
                            <div class="dropdown-menu" role="menu">
                                <ul>
                                    <li><a href="#"><span>Nhân vật</span></a><div class="line"></div></li>
                                    <li><a href="#"><span>Kỹ năng</span></a><div class="line"></div></li>
                                    <li><a href="#"><span>画皮之真爱无悔</span></a><div class="line"></div></li>
                                    <li><a href="#"><span>Hình ảnh</span></a><div class="line"></div></li>
                                    <li><a href="#"><span>Video</span></a><div class="line"></div></li>

                                </ul>
                                <ul class="visible-620" >
                                    <li><a href="#"><span>Tin hot</span></a><div class="line"></div></li>
                                    <li><a href="#"><span>Sự kiện</span></a><div class="line"></div></li>
                                    <li><a href="#"><span>Tính năng</span></a><div class="line"></div></li>
                                </ul>
                                <ul class="visible-620" >
                                    <li><a href="#"><span>Diễn dàn</span></a><div class="line"></div></li>
                                    <li><a href="#"><span>Fanpage</span></a><div class="line"></div></li>
                                </ul>
                                <div class="line-menu"></div>
                                <div class="line-menu second"></div>
                            </div>
                        </li>
                        <li class="">
                            <a href="#" class="tin-tuc" >Tin tức</a>
                            <span data-toggle="dropdown" class="dropdown-toggle"></span>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#"><span>Tin hot</span></a></li>
                                <li><a href="#"><span>Sự kiện</span></a></li>
                                <li><a href="#"><span>Tính năng</span></a></li>
                            </ul>
                        </li>
                        <li class="">
                            <a href="#" class="cong-dong">Cộng đồng</a>
                            <span data-toggle="dropdown" class="dropdown-toggle"></span>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#"><span>Diễn dàn</span></a></li>
                                <li><a href="#"><span>Fanpage</span></a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </header>

        <div  class="container" style="position: relative;z-index: 1">
            <div style="padding-top:32%"></div>
            <div id="main-container">
                <div class="download-and-slider">
                    <div class="slider">
                        <div>
                            <div class="slider-photo">
                                <div id="slider">
                                    <!--                                    <img src="images/bannerimage.jpg"/>-->
                                    <div id="full-width-slider" class="royalSlider heroSlider rsMinW">
                                        <div class="rsContent">
                                            <img class="rsImg" src="images/bannerimage.jpg" alt="" />

                                        </div>
                                        <div class="rsContent">
                                            <img class="rsImg" src="http://inspirationaldaily.files.wordpress.com/2012/05/love-inspirational-daily.jpeg" alt="" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="download">

                        <img src="images/download-btn.jpg" class="download-bg"/>

                    </div>
                    <div class="clear"></div>
                </div>

                <div class="box">
                    <div class="title">
                        <div class="text">Tin tức & sự kiện</div>
                        <div class="clear"></div>

                    </div>
                    <div class="box-content">
                        <div class="row">
                        <div class="news-item col-md-3 col-sm-4 col-sxs-6 col-xs-6">
                            <div class="row">
                                <div>
                                    <div>
                                        <div class="nailthumb">
                                            <div class="nailthumb-figure">
                                                <div class="nailthumb-container" >
                                                    <img  class="lazy" data-original="http://www.momendeavors.com/wp-content/uploads/2013/01/vertical-wooden-blocks-546x1024.jpg"/>
                                                </div>
                                            </div>
                                            <div class="news-title">
                                                <p>Cái quái gì thế này ?</p>
                                                <span>
                                                    <dd>19</dd>
                                                    <dd>04</dd>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="news-desc">
                                            Quân đoàn tranh bá.Đua TOP nhận thưởng tháng 3,Sau 90 ngày thời gian...
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="news-item col-md-3 col-sm-4 col-sxs-6 col-xs-6 hidden-xs">
                            <div class="row">
                                <div>
                                    <div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="news-item col-md-3 col-sm-4 col-sxs-6 col-xs-6 hidden-sxs hidden-xs">
                            <div class="row">
                                <div>
                                    <div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="news-item col-md-3 col-sm-4 col-sxs-6 col-xs-6 hidden-sxs hidden-xs hidden-sm">
                            <div class="row">
                                <div>
                                    <div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>

                <div class="r-ow">
                    <div class="col-md-3 col-sm-6 col-sxs-8">
                        <div class="row">
                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img class="lazy" data-original="http://inspirationaldaily.files.wordpress.com/2012/05/love-inspirational-daily.jpeg"/>
                                    </div>
                                </div>
                            </div>
                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img  class="lazy" data-original="http://www.robertscentre.com/wp-content/themes/Roberts-Centre/images/roberts-centre-banner.jpg"/>
                                    </div>
                                </div>
                            </div>
                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img  class="lazy" data-original="http://www.momendeavors.com/wp-content/uploads/2013/01/vertical-wooden-blocks-546x1024.jpg"/>
                                    </div>
                                </div>
                            </div>
                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img  class="lazy" data-original="http://stylonica.com/wp-content/uploads/2013/11/sad-love-pictures-of-591346.jpg"/>
                                    </div>
                                </div>
                            </div>
                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img  class="lazy" data-original="http://coverphotofacebook.info/uploads/posts/2013-03/135-sad-love-quotes.jpg"/>
                                    </div>
                                </div>
                            </div>
                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img  class="lazy" data-original="http://www.wallsave.com/wallpapers/2560x1600/sad-love/1819678/sad-love-free-for-pc-1819678.jpg"/>
                                    </div>
                                </div>
                            </div>
                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img  class="lazy" data-original="http://4.bp.blogspot.com/--_i95FwcBVs/UfzNQqokmuI/AAAAAAAAAqY/hGMjJgwM9OQ/s1600/sad-love-alone-miss-u-love-u-quotes-wallpapers-22.jpg"/>
                                    </div>
                                </div>
                            </div>
                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img  class="lazy" data-original="http://tieudaocam.files.wordpress.com/2012/08/draw-game-happy-heart-love-sad-favim-com-50316.jpg"/>
                                    </div>
                                </div>
                            </div>

                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img  class="lazy" data-original="http://1.bp.blogspot.com/-H6tMTKql4-c/T3F_ExK7AJI/AAAAAAAABzg/KdM31Z9tlDM/s400/Sad+Love+Friendship+Quotes.jpg"/>
                                    </div>
                                </div>
                            </div>
                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img  class="lazy" data-original="http://www.inspirational-friendship-poems.com/images/break-up-sad-love-poems.jpg"/>
                                    </div>
                                </div>
                            </div>
                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img  class="lazy" data-original="http://3.bp.blogspot.com/-ZAdtdbL0jWA/T5E9EeFVu_I/AAAAAAAAAB8/Ndb0fOj_sMM/s1600/Sad-Love-Wallpapers-Free.jpg"/>
                                    </div>
                                </div>
                            </div>
                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img  class="lazy" data-original="http://www.wallsave.com/wallpapers/1024x768/sad-love/210314/sad-love-sweet-quotes-210314.jpg"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9 col-sm-6 col-sxs-4">
                        <div class="row">
                            <div class="nailthumb">
                                <div class="nailthumb-figure">
                                    <div class="nailthumb-container" >
                                        <img  class="lazy" data-original="http://3.bp.blogspot.com/-ZAdtdbL0jWA/T5E9EeFVu_I/AAAAAAAAAB8/Ndb0fOj_sMM/s1600/Sad-Love-Wallpapers-Free.jpg"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>-->